<template>
	<view class="u-p-20 box">
		<u-section :show-line='false' title="超划算" sub-title="更多"></u-section>
		<view class="u-flex u-row-between u-p-t-30">
			<view class="u-flex-col u-col-center goods" v-for="(item,index) in recommendList" :key='index'>
				<u-image width="160rpx" height="160rpx" :src="item.url"></u-image>
				<view class="u-line-1 u-font-24 u-m-t-10 u-m-b-10">
					{{item.name}}
				</view>
				<prices-box :item='item'></prices-box>
			</view>
		</view>
	</view>
</template>

<script>
	import {goodsList} from '@/common/data/data.js'
	export default {
		
		data() {
			return {
				recommendList:[]
			};
		},
		mounted() {
			this.recommendList = goodsList.slice(0,3)
		},
		
	}
</script>

<style scoped lang="scss">
.box{
	background-color: #FFFFFF;
	border-radius: 10rpx;
}
.goods{
	width: 28%;
}
.u-line-1{
	width: 100%;
}
</style>
